<page-header-wrapper [syncTitle]="false" [title]="''" [breadcrumb]="phBreadcrumb" [content]="phContent"
  [extra]="phExtra">
  <ng-template #phBreadcrumb class>
  </ng-template>
  <ng-template #phContent>
    <div class="content" style="padding-top: 20px;">
      <div class="avatar">
        <nz-avatar nzSrc="https://gw.alipayobjects.com/zos/rmsportal/lctvVCLfRpYCkYxAsiVQ.png"></nz-avatar>
      </div>
      <div class="desc" style="padding-top: 20px;">
        <div class="desc-title">您好，{{user.aac003}}</div>
        <div> {{user.rname}} {{user.dept}} <!--| {{user.ks}}--> </div>
      </div>
    </div>
  </ng-template>
  <ng-template #phExtra>
    <div class="page-extra" style="padding-top: 10px;">
      <div *ngIf="djs>'0'">
        <p>待接受事项</p>
        <p> <a routerLink="/zwybpub/rwjs">{{djs}}</a></p>
      </div>
      <div *ngIf="dsl>'0'">
        <p>待受理事项</p>
        <p> <a routerLink="/zwybpub/tysl">{{dsl}}</a></p>
      </div>
      <div *ngIf="dbl>'0'">
        <p>待办理事项</p>
        <p> <a routerLink="/zwybpub/tybl">{{dbl}}</a></p>
      </div>
      <div *ngIf="dsh>'0'">
        <p>待审核事项</p>
        <p> <a routerLink="/zwybpub/tycs">{{dsh}}</a></p>
      </div>
      <div *ngIf="dfh>'0'">
        <p>待复核事项</p>
        <p> <a routerLink="/zwybpub/tyfs">{{dfh}}</a></p>
      </div>
      <div *ngIf="dsp>'0'">
        <p>待审批事项</p>
        <p> <a routerLink="/zwybpub/tysh">{{dsp}}</a></p>
      </div>
      <div *ngIf="dbj>'0'">
        <p>待办结事项</p>
        <p> <a routerLink="/zwybpub/tybj">{{dbj}}</a></p>
      </div>
      <div *ngIf="dsd>'0'">
        <p>待送达事项</p>
        <p> <a routerLink="/zwybpub/tysd">{{dsd}}</a></p>
      </div>
      <div>
        <p>本月完成</p>
        <p>{{ywc}}</p>
      </div>
    </div>
  </ng-template>

  <a nz-row [nzGutter]="24">
    <a nz-col nzXs="24" nzSm="24" nzMd="16">
      <nz-card nzTitle="进行中的事项" [nzExtra]="ingExtra" [nzBordered]="false" [nzLoading]="loading"
        class="ant-card__body-nopadding mb-lg project-list">
        <ng-template #ingExtra>
          <a (click)="msg.success('跳转到指定事项列表模块！')"></a>
        </ng-template>
        <a *ngFor="let item of notice" nz-card-grid class="project-grid">
          <nz-card [nzBordered]="false" class="ant-card__body-nopadding mb0 cardcolor" style="height:120px;">

            <nz-card-meta [nzTitle]="noticeTitle" [nzDescription]="item.DESCRIPTION">
              <ng-template #noticeTitle>
                <div class="card-title">
                  <nz-avatar [nzSrc]="item.LOGO" [nzSize]="'small'"></nz-avatar>
                  <a [routerLink]="item.TZDZ"
                    [queryParams]="{DAD069:item.DAD069,DAD017:item.DAD017,PROJID:item.PROJID}">{{item.DAD031}}</a>
                  <p></p>
                  <nz-tag style="float: right;" [nzColor]="item.TAGCOLOR">{{item.TAGNAME}}</nz-tag>
                </div>
              </ng-template>
            </nz-card-meta>
            <label>申请日期：</label><label>{{item.DAD096}}</label>
            <a class="project-item">
              <a>{{ item.MEMBER }}</a>
              <span *ngIf="item.UPDATEDAT" class="datetime"
                title="{{ item.UPDATEDAT }}">{{ item.UPDATEDAT | _date: 'fn' }}</span>
            </a>
          </nz-card>
        </a>
      </nz-card>
      <!-- <nz-card nzTitle="动态" [nzBordered]="false" [nzLoading]="loading"
        class="ant-card__body-nopadding mb-lg active-card">
        <nz-list nzSize="large" class="activities">
          <nz-list-item *ngFor="let item of activities">
            <nz-list-item-meta [nzAvatar]="item.LOGO" [nzTitle]="activeTitle" [nzDescription]="activeDescription">
              <ng-template #activeTitle>
                {{ item.NAME }}&nbsp;
                <a [routerLink]="item.HREF" [queryParams]="{id:item.DAD069}" class="username">{{ item.TEXT }}</a>
              </ng-template>
              <ng-template #activeDescription>
                <span class="datetime" title="{{ item.UPDATEDAT }}">{{ item.UPDATEDAT | _date: 'fn' }}</span>
              </ng-template>
            </nz-list-item-meta>
          </nz-list-item>
        </nz-list>
      </nz-card>
      -->
    </a>
    <div nz-col nzXs="24" nzSm="24" nzMd="8">
      <nz-card nzTitle="快速开始 / 便捷导航" [nzBordered]="false" class="ant-card__body-nopadding mb-lg" [nzExtra]="extra">
        <div class="links">
          <a *ngFor="let item of links" (click)="linkClick(item)">
            <nz-badge [nzCount]="linkEidtStatus?iconTemplate:item.COUNT"> {{ item.TITLE }}</nz-badge>
          </a>

          <ng-template #iconTemplate>
            <i nz-icon nzType="close-circle" class="ant-scroll-number-custom-component" style="color:coral"></i>
          </ng-template>

          <button nz-button (click)="add()" [nzType]="'dashed'" [nzSize]="'small'">
            <i nz-icon nzType="plus"></i>
            <span>添加</span>
          </button>
        </div>
        <ng-template #extra>
          <a (click)="linkEidtStatus=!linkEidtStatus">{{ linkEidtStatus?"完成":"编辑"}}</a>
        </ng-template>
      </nz-card>
      <nz-card nzTitle="统计" [nzBordered]="false" [nzLoading]="loading" class="mb-lg">

        <div style="text-align: center;padding-top: 10px;">
          <g2-water-wave [title]="'今日已完成'" [percent]="jrywc" [height]="150" nz-tooltip
            nzTooltipTitle="剩余{{dsl+dsh+dbj+dcj}}项未办理">
          </g2-water-wave>
        </div>

      </nz-card>
    </div>
  </a>
</page-header-wrapper>

<nz-modal [(nzVisible)]="isVisible" nzTitle="快捷菜单新增" (nzOnCancel)="handleCancel()" nzWidth="600" [nzFooter]="null">
  <nz-card>
    <nz-tree nzShowLine [nzData]="nodes" (nzClick)="nzEvent($event)" (nzExpandChange)="nzEvent($event)">
    </nz-tree>
  </nz-card>
</nz-modal>